<template>
  <div class="pageContainer">
    <el-row class="orderDetails">
      <!--支付信息表格-->
      <div style="border:1px solid #ccc; margin-bottom: 10px">
        <el-table
          :data="tableData2"
          style="width: 100%"
          :size="size"
          align="center"
          header-align="center"
          :header-cell-style="{ 'color': '#FFF','background-color': '#2F4554'}" stripe>
          <el-table-column prop="payWays" label="支付方式" width="280"></el-table-column>
          <el-table-column prop="payAccount" label="支付金额" width="280"></el-table-column>
          <el-table-column prop="payDiscount" label="支付优惠" width="280"></el-table-column>
          <el-table-column prop="payTime" label="支付时间"></el-table-column>
          <el-table-column prop="payLogsCode" label="支付流水号"></el-table-column>
        </el-table>
      </div>
      <!--支付信息栏-->
      <!-- <div style="border:1px solid #ccc;text-align:left">
        <div style="margin:20px 0px 10px 200px">
          <span>应付金额：</span>
          <span>311.40</span>
        </div>
        <div style="margin:20px 0px 10px 200px">
          <span>已付金额：</span>
          <span>312.00</span>
        </div>
        <div style="margin:20px 0px 10px 200px">
          <span>支付类型：</span>
          <span>网上支付</span>
        </div>
        <div style="margin:20px 0px 10px 200px">
          <span>支付状态：</span>
          <span>已支付</span>
        </div>
      </div> -->
    </el-row>
  </div>
</template>

<script>
export default {
  props: {
    orderNo: {
      type: String,
      default: ''
    },
  },

  data() {
    return {
      size: 'small',
      tableData2: [
        {
          payWays: '现金支付',
          payAccount: '311.40',
          payDiscount:"3.26",
          payTime: '2020-01-16 23:06:51',
          payLogsCode: '200116359293279855'
        }
      ],
    }
  },

  methods: {},
}
</script>

<style lang="scss" scoped>
  .page {
    .pageContainer {
      background-color: #f0f3f4; //#f0f3f4

      .basicOrderInformation {
        margin-bottom: 20px;
        border: 1px solid #ccc;
        background-color: #fff;
        padding-bottom: 10px;
        font-size: 16px;
        overflow: hidden;

        .orderIndex {
          float: left
        }

        .orderIndexList {
          text-align: left;
          margin-bottom: 10px;
          padding-left: 90px
        }
      }

      .orderDetails {
        border: 1px solid #ccc;
        background-color: #fff;

        .settlementDetails {
          text-align: left;
          margin-bottom: 10px;
          padding-left: 90px
        }

      }
    }
  }
</style>
